
			var APP = {
				TM: new TimelineMax({
					delay: .5
				}),
				sc: $(window).width() > 720 ? $(window).width() / 720 : $(window).width() / 320,
				init: function() {
					this.preload(), this.bindEvents(), this.tagIn()
				},
				audio: {
					"peiyin.mp3": $(".J-peiyin")[0],
					"last.mp3": $(".J-last")[0],
					"bgm.mp3": $(".J-bgm")[0]
				},
				zp: {
					chanpin: [{
						name: "资深用户研究专员/专家-服装",
						url: "http://hr.163.com/position/detail.do?id=6629"
					}, {
						name: "资深用户研究员",
						url: "http://hr.163.com/position/detail.do?id=6629"
					}, {
						name: "产品经理（财务方向）",
						url: "http://hr.163.com/position/detail.do?id=6629"
					}, {
						name: "成人用品商品经理",
						url: "http://hr.163.com/position/detail.do?id=6629"
					}, {
						name: "高级产品经理",
						url: "http://hr.163.com/position/detail.do?id=6629"
					}],
					gongyinglian: [{
						name: "高级运输流程专家",
						url: "http://hr.163.com/position/detail.do?id=6482"
					}, {
						name: "高级供应链专家",
						url: "http://hr.163.com/position/detail.do?id=6667"
					}],
					jishu: [{
						name: "高级/资深商业数据分析专员",
						url: "http://hr.163.com/position/detail.do?id=6379"
					}, {
						name: "高级/资深服务端开发-数据产品",
						url: "http://hr.163.com/position/detail.do?id=6199"
					}, {
						name: "高级前端开发工程师（网易严选）",
						url: "http://hr.163.com/position/detail.do?id=5547"
					}, {
						name: "高级/资深前端开发工程师",
						url: "http://hr.163.com/position/detail.do?id=6271"
					}, {
						name: "资深数据开发工程师",
						url: "http://hr.163.com/position/detail.do?id=5514"
					}, {
						name: "人工智能算法工程师",
						url: "http://hr.163.com/position/detail.do?id=5514"
					}, {
						name: "资深JAVA开发工程师",
						url: "http://hr.163.com/position/detail.do?id=6519"
					}, {
						name: "资深Java开发--数据平台",
						url: "http://hr.163.com/position/detail.do?id=6613"
					}, {
						name: "资深java开发工程师（网易严选）",
						url: "http://hr.163.com/position/detail.do?id=6367"
					}, {
						name: "资深java架构师（网易严选）",
						url: "http://hr.163.com/position/detail.do?id=6369"
					}, {
						name: "项目管理（网易严选）",
						url: "http://hr.163.com/position/detail.do?id=6620"
					}, {
						name: "资深安全工程师（网易严选）",
						url: "http://hr.163.com/position/detail.do?id=5412"
					}, {
						name: "资深系统运维工程师（网易严选）",
						url: "http://hr.163.com/position/detail.do?id=5545"
					}],
					sheji: [{
						name: "资深平面设计",
						url: "http://hr.163.com/position/detail.do?id=6633"
					}, {
						name: "资深服装设计师/专家",
						url: "http://hr.163.com/position/detail.do?id=6628"
					}, {
						name: "高级产品设计师",
						url: "http://hr.163.com/position/detail.do?id=6163"
					}, {
						name: "服装买手设计师（运动）",
						url: "http://hr.163.com/position/detail.do?id=6167"
					}, {
						name: "服装买手设计师（婴童）",
						url: "http://hr.163.com/position/detail.do?id=6168"
					}],
					shichang: [{
						name: " 高级/资深品牌创意",
						url: "http://hr.163.com/position/detail.do?id=6632"
					}, {
						name: "高级/资深新媒体运营",
						url: "http://hr.163.com/position/detail.do?id=6634"
					}, {
						name: "资深媒介经理/媒介专家",
						url: "http://hr.163.com/position/detail.do?id=6109"
					}, {
						name: "大客户销售经理（广州）",
						url: "http://hr.163.com/position/detail.do?id=6592"
					}, {
						name: "大客户销售经理（北京）",
						url: "http://hr.163.com/position/detail.do?id=6593"
					}],
					yunying: [{
						name: "高级/资深新媒体运营",
						url: "http://hr.163.com/position/detail.do?id=6634"
					}, {
						name: "资深商品企划专员/专家",
						url: "http://hr.163.com/position/detail.do?id=6627"
					}, {
						name: "资深活动运营专员/专家",
						url: "http://hr.163.com/position/detail.do?id=6110"
					}, {
						name: "高级/资深商品运营专员（杭州）",
						url: "http://hr.163.com/position/detail.do?id=5310"
					}, {
						name: "高级/资深电商运营专员",
						url: "http://hr.163.com/position/detail.do?id=6079"
					}, {
						name: "用户运营专员（电商产品）",
						url: "http://hr.163.com/position/detail.do?id=2117"
					}, {
						name: "游戏周边商品运营专员",
						url: "http://hr.163.com/position/detail.do?id=6586"
					}, {
						name: "服装商品计划",
						url: "http://hr.163.com/position/detail.do?id=6648"
					}],
					zhineng: [{
						name: "电器质检专员",
						url: "http://hr.163.com/position/detail.do?id=5666"
					}]
				},
				tagIn: function() {
					console.log("%c\n       ", "font-size:40px;background:url('https://yanxuan.nosdn.127.net/14985313608286175.png') no-repeat")
				},
				startTween: function() {
					$(".g-loading").css("pointer-events", "none"), $(".J-video").hide(), $(".J-scene").show(), APP.TM.add(APP.tween9())
				},
				startTween2: function() {
					APP.audio["bgm.mp3"].play(), APP.audio["bgm.mp3"].loop = "loop", $(".hive li").each(function(e, t) {
						TweenMax.fromTo(this, .4, {
							x: -20,
							y: -20,
							opacity: 0,
							rotationZ: -360
						}, {
							x: 0,
							y: 0,
							opacity: 1,
							rotationZ: 0,
							delay: .2 * e
						})
					})
				},
				bindEvents: function() {
					$(".hive li").on("click", function(e) {
						var t = $(this).data("type");
						APP.renderZp(t), $("body").addClass("modeling")
					}), $(".g-model .close").on("click", function(e) {
						$("body").removeClass("modeling")
					}), $(".g-container").on("touchmove", function(e) {
						event.preventDefault()
					}), $(".J-video").on("ended", function(e) {
						APP.startTween()
					}), $(".J-video").on("touchmove", function() {
						event.preventDefault()
					})
				},
				renderZp: function(e) {
					var t = "";
					$.each(APP.zp[e], function(e, n) {
						t += '<li><a target="_blank" href="' + n.url + '">' + n.name + "</a></li>"
					}), $(".zlist").html(t)
				},
				bindTouch: function(e, t, n) {
					var r = 0,
						i = 0;
					e.on("touchstart", function(r) {
						TweenMax.to(e, .5, {
							opacity: 0,
							y: "-100%"
						}), t && t(), n && n()
					})
				},
				preload: function() {
					var e = this;
					Ziploader.initLoad(["https://yanxuan.nosdn.127.net/1500963393479RPWWSI419.flv"], {
						loadOptions: {
							success: function(t) {
								$.each(t, function(e, t) {
									var n = e.split(".");
									n[1] == "png" ? $("." + n[0]).css("background-image", "url(" + t + ")") : n[1] == "mp3"
								}), TweenMax.fromTo(".J-tip", .3, {
									opacity: 0
								}, {
									opacity: 1
								}), e.bindTouch($(".g-loading"), function() {
									APP.audio["last.mp3"].play(), APP.audio["last.mp3"].pause(), $(".J-video")[0].play()
								}, null)
							},
							error: function(e) {},
							progress: function(e) {
								$(".J-percent").html(Math.round(e * 100) + "%")
							}
						},
						returnOptions: {
							mp3: Ziploader.TYPE_BLOB,
							png: Ziploader.TYPE_URL
						},
						mimeOptions: {
							mp3: "audio/mpeg",
							png: "image/png"
						}
					})
				},
				initSounds: function(e, t) {
					var n = new FileReader,
						r = this;
					n.onload = function(t) {
						var n = t.target.result;
						r.audio[e].src = n, r.audio[e].load(), e == "last.mp3" && (r.audio[e].play(), setTimeout(function() {
							r.audio[e].pause()
						}, 100))
					}, n.readAsDataURL(t)
				},
				tween1: function() {
					var e = new TimelineLite;
					return e.to(".wall", 1, {
						scale: .7
					}, 4), e.to(".computer", 1, {
						scale: .9
					}, 4), e.to(".flash", 1, {
						scale: .8
					}, 4), e.to(".mail1", .2, {
						opacity: 0
					}, 6), e.to(".con", .2, {
						opacity: 1
					}, 6.1), e.to(".people0", .2, {
						opacity: 1
					}, 6), e.to(".people1", .2, {
						opacity: 1
					}, 6.5), e.to(".people2", .2, {
						opacity: 1
					}, 7), e.fromTo(".J-txt", 5.6, {
						text: ""
					}, {
						text: {
							value: "1997年， 用一间十平米的小黑屋，<br>一台自己组装的服务器，",
							delimiter: "<br>"
						},
						ease: Linear.easeNone
					}, .1), e.fromTo(".J-txt", 6, {
						text: ""
					}, {
						text: {
							value: "网易成功开发了国内首个电子邮箱系统，<br> 而且，只用了三个人。",
							delimiter: "<br>"
						},
						ease: Linear.easeNone
					}, 5.7), e
				},
				tween2: function() {
					var e = new TimelineLite,
						t = this;
					return e.to(".scene1", 4, {
						x: 50,
						y: -40,
						scale: .328125,
						opacity: 0
					}, .1), e.to(".scene2", 2, {
						opacity: 1
					}, 2), e.fromTo(".paper1", 2, {
						opacity: 0,
						y: -10
					}, {
						opacity: 1,
						y: 0
					}, .1).to(".paper1", 2, {
						y: 200,
						scale: 1.5
					}, 2.2), e.fromTo(".paper1", 2, {
						y: 200
					}, {
						y: -100
					}, 4), e.to(".paper1", 2, {
						y: 0,
						scale: 1
					}, 6), e.fromTo(".J-txt", 8, {
						text: ""
					}, {
						text: {
							value: "这在当时可牛X了，轻轻松松登上了汪峰都登不上<br>的头条，“有事给我伊妹儿啊”一时间，伊妹儿成 <br> 为国人最潮的沟通方式，",
							delimiter: "<br>"
						},
						ease: Linear.easeNone
					}, .1), e
				},
				tween3: function() {
					var e = new TimelineLite;
					return e.to(".scene2", 2, {
						backgroundColor: "#f2eae7"
					}, .1).to(".J-txt", 2, {
						color: "#453d3d"
					}, .1), e.to(".paper1", 2, {
						scale: .5,
						y: -30,
						ease: Elastic.easeInOut
					}, .1), e.fromTo(".J-txt", 4.6, {
						text: ""
					}, {
						text: {
							value: "网易邮箱也成为了中国市场占有率第一邮箱品牌。",
							delimiter: "<br>"
						},
						ease: Linear.easeNone
					}, .1), e
				},
				tween4: function() {
					var e = new TimelineLite;
					return e.to([".email-block", ".email-mask", ".email-switch"], .2, {
						opacity: 1
					}).to(".shade", .2, {
						opacity: 1
					}), e.to(".paper1", 1, {
						opacity: 0,
						y: 30
					}).call(function() {
						$(".email").addClass("off")
					}).to(".email-stamp", .2, {
						opacity: 1
					}), e.to(".shade", .2, {
						opacity: 0
					}, 1.5), e.fromTo(".J-txt", 2, {
						text: ""
					}, {
						text: {
							value: "时间蹭.....蹭.....蹭.....蹭.....",
							delimiter: "<br>"
						},
						ease: Linear.easeNone
					}, .1), e
				},
				tween5: function() {
					var e = new TimelineLite;
					return e.to(".scene2", .4, {
						backgroundColor: "#9d9b9b"
					}), e.to(".shade", .2, {
						opacity: 0
					}), e.to(".email", .1, {
						zIndex: 20
					}).to(".email", .3, {
						y: 40,
						x: -80,
						scale: .6,
						rotationZ: -15
					}).to(".email", 1, {
						y: "-=10"
					}).to(".email", 1, {
						y: "+=10"
					}).to(".email", 1, {
						y: "-=10"
					}).to(".email", 1, {
						y: "+=10"
					}).to(".email", 1, {
						y: "-=10"
					}).to(".email", 1, {
						y: "+=10"
					}).to(".email", 1, {
						y: "-=10"
					}).to(".email", 1, {
						y: "+=10"
					}).to(".email", 1, {
						y: "-=10"
					}).to(".email", 1, {
						y: 0,
						x: 0,
						scale: 1,
						rotationZ: 0
					}).to(".email", 1, {
						y: 0,
						x: 0,
						scale: 1,
						rotationZ: 0
					}).to(".shade", .2, {
						opacity: 1
					}).to(".scene2", .3, {
						backgroundColor: "#f2eae7"
					}), e.to(".long", 11.5, {
						x: "-100%",
						ease: "linear"
					}, 1.5).to(".long", .5, {
						opacity: 0
					}, 12), e.to(".stamp1", .5, {
						opacity: 1,
						scale: 1
					}, 3.5), e.to(".stamp2", .5, {
						opacity: 1,
						scale: 1
					}, 5.2), e.to(".stamp3", .5, {
						opacity: 1,
						scale: 1
					}, 6.2), e.to(".stamp4", .5, {
						opacity: 1,
						scale: 1
					}, 7.6), e.to(".stamp5", .5, {
						opacity: 1,
						scale: 1
					}, 9.5), e.to(".stamp6", .5, {
						opacity: 1,
						scale: 1
					}, 10.5), e.fromTo(".J-txt", 1, {
						text: ""
					}, {
						text: {
							value: "不管是一个世纪没了，",
							delimiter: "<br>"
						},
						ease: Linear.easeNone,
						color: "#ffffff"
					}, .1), e.fromTo(".J-txt", 1.5, {
						text: ""
					}, {
						text: {
							value: "中国计划生育了，",
							delimiter: "<br>"
						},
						ease: Linear.easeNone
					}, 1.2), e.fromTo(".J-txt", 1.5, {
						text: ""
					}, {
						text: {
							value: "还是非典肆虐的时候，",
							delimiter: "<br>"
						},
						ease: Linear.easeNone
					}, 3), e.fromTo(".J-txt", 1.5, {
						text: ""
					}, {
						text: {
							value: "网易邮件一直保持着自己前进的方向，",
							delimiter: "<br>"
						},
						ease: Linear.easeNone
					}, 4.5), e.fromTo(".J-txt", 1.5, {
						text: ""
					}, {
						text: {
							value: "时代在变 社会在变 网易邮件也在变化，",
							delimiter: "<br>"
						},
						ease: Linear.easeNone
					}, 7), e.fromTo(".J-txt", 1.5, {
						text: ""
					}, {
						text: {
							value: "不断给自己增加新的生命力。",
							delimiter: "<br>"
						},
						color: "#453d3d",
						ease: Linear.easeNone
					}, 10), e
				},
				tween6: function() {
					var e = new TimelineLite;
					return e.to(".logo1", .2, {
						opacity: 1,
						scale: 1
					}, 2), e.to(".email-stamp", .4, {
						opacity: 0
					}, 2), e.call(function() {
						$(".email").removeClass("off"), $(".explode").show()
					}), e.to(".money", 2, {
						opacity: 1,
						y: -50
					}, 3), e.to(".card1", 2, {
						opacity: 1,
						y: -200,
						x: -30,
						rotationZ: 320
					}, 3), e.to(".card2", 2, {
						opacity: 1,
						y: -140,
						x: 50,
						rotationZ: 245
					}, 3), e.to([".money", ".card1", ".card2"], .4, {
						opacity: 0
					}, 9.5), e.to(".logo1", .4, {
						opacity: 0,
						scale: 1.2
					}, 9.5), e.fromTo(".J-txt", 1.8, {
						text: ""
					}, {
						text: {
							value: "当然啦，现在的网易邮件部可不止是邮箱，",
							delimiter: "<br>"
						}
					}, .1), e.fromTo(".J-txt", 6, {
						text: ""
					}, {
						text: {
							value: "2015年，网易邮件部推出网易有钱，<br>来这，能让人体验 有钱 真好的感觉。",
							delimiter: "<br>"
						},
						ease: Linear.easeNone
					}, 1.9), e
				},
				tween7: function() {
					var e = new TimelineLite;
					return e.to(".logo2", .4, {
						opacity: 1,
						scale: 1
					}), e.to(".large", 1, {
						opacity: 1,
						y: -60,
						x: -20
					}, .5), e.to(".bao2", 1, {
						opacity: 1,
						y: -40,
						rotationZ: 90
					}, .5), e.to(".mirror", 1, {
						opacity: 1,
						y: -180,
						rotationZ: -45
					}, .5), e.to(".muyu", 1, {
						opacity: 1,
						y: -140,
						rotationZ: -60
					}, .5), e.to(".muyu2", 1, {
						opacity: 1,
						y: -60,
						rotationZ: 35
					}, .5), e.to(".guo", 1, {
						opacity: 1,
						y: -10
					}, .1), e.to(".watch", 1, {
						opacity: 1,
						y: -10,
						rotationZ: 10
					}, .5), e.to(".bao", 1, {
						opacity: 1,
						y: -100,
						x: 80,
						rotationZ: 70
					}, .5), e.to(".logo2", .4, {
						opacity: 0,
						scale: 2
					}, 8), e.to([".large", ".bao2", ".mirror", ".muyu", ".muyu2", ".guo", ".watch", ".bao"], .4, {
						opacity: 0
					}, 8), e.fromTo(".J-txt", 4, {
						text: ""
					}, {
						text: {
							value: "2016年，网易邮件部打造了电商品牌网易严选，<br>万千优质好货，让人来这体验 好的生活，没那么贵。",
							delimiter: "<br>"
						},
						ease: Linear.easeNone
					}, .1), e
				},
				tween8: function() {
					var e = new TimelineLite;
					return e.to(".logo3", .2, {
						opacity: 1,
						scale: 1
					}, .3), e.to(".ai", 1, {
						opacity: 1,
						y: -40
					}, .3), e.to(".ai", 1, {
						opacity: 0,
						y: 0
					}, 9), e.to(".logo3", .2, {
						opacity: 0,
						scale: 1.2
					}, 9).call(function() {
						$(".email").addClass("off"), $(".explode").hide()
					}).to(".email-stamp", .2, {
						opacity: 1
					}).to(".shade", .1, {
						opacity: 0
					}).to(".email", 1.5, {
						opacity: 0,
						rotationY: 360,
						scale: 1.4
					}), e.fromTo(".J-txt", 9, {
						text: ""
					}, {
						text: {
							value: "并在同年，网易邮件部推出了网易智造，<br>来这，才能让人知道什么叫智能硬件新生活。<br>而这些，都让网易邮件的可能性无限放大。",
							delimiter: "<br>"
						},
						ease: Linear.easeNone
					}, .1), e
				},
				tween9: function() {
					var e = this,
						t = new TimelineLite;
					return t.to([".scene1", ".scene2"], .1, {
						display: "none"
					}), t.to(".er", .8, {
						opacity: 1,
						rotationX: 360.2,
						ease: "easeInOut"
					}, .2), t.to(".ling", .8, {
						opacity: 1,
						rotationX: -360.2,
						ease: "easeInOut"
					}, .3), $(".leaf-left path").each(function(e) {
						t.to(this, .3, {
							opacity: 1
						}, .05 * (17 - e))
					}), $(".leaf-right path").each(function(e) {
						t.to(this, .2, {
							opacity: 1
						}, .05 * (17 - e))
					}), t.fromTo(".zi1", .3, {
						opacity: 0,
						y: -20
					}, {
						opacity: 1,
						y: 0
					}, 1), t.fromTo(".zi2", .3, {
						opacity: 0,
						y: 20
					}, {
						opacity: 1,
						y: 0
					}, 1).call(function() {
						APP.audio["last.mp3"].play()
					}), t.set(".J-tip2", {
						opacity: 1
					}), t.fromTo(".button", .4, {
						opacity: 0,
						rotationX: 90
					}, {
						rotationX: 0,
						opacity: 1
					}, 2), t.to(".ear-left", .3, {
						opacity: 1,
						x: -44 * APP.sc
					}, 2.2), t.to(".ear-right", .3, {
						opacity: 1,
						x: 44 * APP.sc
					}, 2.2), t.fromTo(".tip", .2, {
						opacity: 0
					}, {
						opacity: 1
					}, 3), t
				}
			};
			APP.init()
